<!--This is for Single Question Preview-->
<!-- ko if: questionType() === QUESTION_TYPE_FILLUP -->
<!-- ko if: instruction().length -->
<label class="italicText bold">instruction : </label>
<span class="italicText marginTop5 marginBottom5" data-bind="html: instruction"> instruction HTML</span>
<!-- /ko -->
<div class="bold marginTop5 marginBottom5" data-bind="html: questiontext()">
	questiontext HTML
</div>

<!-- ko if: choiceTextArr().length -->
<label class="bold">Answers :</label>
<div data-bind="foreach: choiceTextArr">
	<div class="paddingBottom5">
		<div class="checkBoxUnicode">
			<!-- ko if: correctStatus() -->
			<img class="checkBoxImage" src="/ce-static-testedge/common/images/checkBox_checked.svg" />
			<!-- /ko -->
			<!-- ko ifnot: correctStatus() -->
			<img class="checkBoxImage" src="/ce-static-testedge/common/images/checkBox_unChecked.svg" />
			<!-- /ko -->
		</div>
		<div class="choiceTextTE" data-bind="html: choiceText()"></div>
	</div>
</div>
<!-- /ko -->
<label class="bold">Solution :</label>
<span class="italicText marginTop5 marginBottom5" data-bind="html: solution"> solution HTML</span>
<!-- /ko -->

<!-- ko if: questionType() == QUESTION_TYPE_OPENENDED -->
<div>
	<div class="bold marginTop5 marginBottom5 floatleft" data-bind="html: questiontext()">
		questiontext HTML
	</div>
	<!-- ko if: QuestionImage() -->
	<div class="bold marginTop5 marginBottom5 floatright" data-bind="html: QuestionImage()">
		QuestionImage
	</div>
	<!-- /ko -->
</div>
<div class="clearBoth"></div>
<!-- ko if: $root.QP_PreviewMode() == QP_MODE_SINGLE_QUESTION -->
<label class="bold">Model Answer:</label>
<span class="bold marginTop5 marginBottom5" data-bind="html: modelAnswer()"> modelAnswer HTML </span>
<!-- /ko -->
<!-- QP_PreviewMode : <span data-bind="text: $root.QP_PreviewMode"></span> -->
<!-- ko if: $root.QP_PreviewMode() == QP_MODE_WORKSHEET -->
<div>
	<br />
	<hr class="qAddHr">
	<br />
	<hr class="qAddHr">
	<br />
	<hr class="qAddHr">
	<br />
	<hr class="qAddHr">
	<br />
	<hr class="qAddHr">
	<br />
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: isFromCE() -->
<div class="questionHolder" data-bind="template: { name:  'layoutMCQ_All',templatePrefix: 'question/', data: $data}"></div>
<!-- /ko -->
<!-- ko if: questionType() == QUESTION_TYPE_MCQ -->
<div class="questionHolder" data-bind="template: { name:  'layoutMCQ_All',templatePrefix: 'question/', data: $data}"></div>
<!-- /ko -->